<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单</title>
    <script src="js/commen.js"></script>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/order.css">
</head>

<body>
    <section id="order">
        <!-- 顶部导航 -->
        <header class="top-nav">
            <a href="myinfo.html" class="top-nav1"><i></i></a>
            <p class="top-nav2">全部订单</p>
            <a href="#" class="top-nav3">手机查单</a>
        </header>
        <!-- 订单详情 -->
        <section class="order-page">
            <div class="order-details">
                <div class="order-sanya">
                    <a> <i></i></a>
                    <span>三亚5日4夜半日自助游</span>
                    <span class="num1">￥6512</span>
                </div>
                <div class="order-state">
                    <span>12-23至12-27</span>
                    <span>未提交</span>
                </div>
                <div class="order-btn">
                    <a href="#">取消</a>
                    <a href="#">查看行程</a>
                    <a href="#">继续预定</a>
                </div>
            
            </div>
            <div class="order-check">
                <p>以显示全部订单</p>
                <a href="#">查看一年前订单<span>></span> </a>

            </div>

        </section>
        <!-- 底部导航 -->
        <footer>
            <div class="order-ico ">
                <a href="#">
                <i></i>
                <i></i>
            </a>
               
            </div>
            <div class="order-tabbar">
                <a href="#">
                    <i></i>
                    <span>筛选</span>
                </a>
                <a href="#">
                    <i></i>
                    <span>预定时间</span>
                </a>
                <a href="#">
                    <span>有效订单</span>
                    <i></i>
                </a>

            </div>

        </footer>


    </section>

</body>

</html>